<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns:h="jakarta.faces.html">
<h:head>
  <title>Eclipse Cargo Tracker</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <h:outputStylesheet name="css/title.css" />

  <link rel="stylesheet"
    href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
  <link
    href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic"
    rel="stylesheet" type="text/css" />
</h:head>
<h:body>
  <div class="intro-header">
    <div class="row">
      <div class="intro-message">
        <hr class="intro-divider" />
        <a href="https://github.com/eclipse-ee4j/cargotracker/"> <h:graphicImage
            value="#{resource['/images/CTlogobadge128.png']}"
            style="height: 64px; width: 64px;" alt="Cargo Tracker logo badge" />
        </a>
        <h1 class="shadowme animate0">Eclipse Cargo Tracker</h1>
        <h2 class="shadowme animate0">Applied Domain-Driven Design
          Blueprints for Jakarta EE</h2>
        <div class="flex animate1">
          <a class="button" href="public/track.xhtml">Public Tracking
            Interface</a> <a class="button" href="admin/dashboard.xhtml">Administration</a>
          <a class="button" href="javascript:void(0)"
            onclick="window.open('event-logger/index.xhtml', '_blank', 'width=320,height=440,popup=yes,menubar=no,toolbar=no,location=no,status=no,resizable=yes,scrollbars=yes,titlebar=yes,statusbar=no')">Event
            Logging Interface</a>
        </div>
        <hr class="intro-divider" />
      </div>
    </div>
  </div>
</h:body>
</html>
